#about {
  position: relative;
  padding: 0 !important;

  .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    .center{
      color: #fff;
    }
  }
}

#skills{
  .text-left{
    text-align: left;
  }
  .row{
    margin: 0 !important;
  }
  .content{
    width: 4.35rem;
    height: 3.05rem;
    right: 5%;

    .text-up{
      font-size: .3rem;
    }
    .text{
      font-size: .16rem;
      color: #787878;
      text-align: left;
    }
    .text:nth-child(2){
      margin: .3rem 0;
    }
  }
}

#form{
  .title{
    h3{
      font-size: .3rem;
    }
    p{
      font-size: .16rem;
    }
    margin-bottom: .4rem;
  }
  .form{
    font-size: .12rem;
    button{
      width: 1.8rem;
      height: .55rem;
    }
  }


}

@media screen and (max-width:600px) {
  #form{
    .form{
      button{
        height: auto !important;
      }
    }
  }
}

@media screen and (max-width:600px) {
  #skills{
    .content{
      .text{
        display: none;
      }
      button{
        display: block !important;
      }
    }
  }
}